<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="login.css">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>登录页面</title>    
</head>
<body>
    <div class="box">
        <div class="box-login">
            <form class="form-login">
                <h1>登录</h1>
                <input type="text"name="text" placeholder="用户名"value="" class="zh_inp">
                <input type="password"name="password" placeholder="密码"value=""class="mm_inp">
                <a href="javascript:;"id="forget">忘记密码?</a>
                <button class="login"type="button"><b>登录</b></button>
            </form>
        </div>
        <div class="box-register">
            <form class="form-register">
                <h1>注册</h1>
                <input type="text"name="text" placeholder="请输入用户名" value=""id="us">
                <input type="password"name="password" placeholder="请输入密码"value=""id="ps">
                <input type="text"name="e-mail"placeholder="请输入邮箱"value=""id="e_mail">
                <div style="display:flex;">
                    <input type="text"name="verification_code"placeholder="请输入验证码"value=""id="ver_code"style="width:30%">
                    <button class="send_code"type="button">发送验证码</button>
                </div>
                <button class="register"type="button" ><b>注册</b></button>
            </form>
        </div>
        <div class="login-over">
           <div class="login-over-contents">
               <h1>已有帐户？</h1>
               <p>请使用已有帐号登录</p>
               <button class="btn-login-over"type="button">登录</button>
           </div>
        </div>
        <div class="register-over">
            <div class="register-over-contents">
                <h1>没有帐户？</h1>
                <p>赶快注册一个吧！</p>
                <button class="btn-register-over"type="button">注册</button>
            </div>
         </div>
    </div>
    <script src="login.js"type="text/javascript"></script>
</body>
</html>